<!DOCTYPE html>
<html>
<head>
	<title>子组件绑定原生的事件</title>
	<script type="text/javascript" src="./vue.js"></script>
</head>
<body>	
	<div id="app">
		<child @no-native-click="handlerClick" @click.native="handlerNativeClick"></child>
	</div>
	<script>
		Vue.component('child' , {
			template : '<div @click="handlerClick">child</div>',
			methods : {
				handlerClick : function() {
					alert('child');
					this.$emit('no-native-click')
				}
			}
		});
		var app = new Vue({
			el : '#app',
			methods : {
				handlerClick : function() {
					alert('father')
				},
				handlerNativeClick : function() {
					alert('native click from father')
				}
			}
		});
	</script>
</body>
</html>